import './assets/main.css'

import { createApp, defineComponent, h, } from 'vue'
import App from './App.vue'
import Flex from './components/flex.vue'
import slotItem from './components/slot-item.vue'
const textx = defineComponent({
    setup: () => {
        return () => h("span", {}, "文字")
    }
})
const buttonx = defineComponent({
    setup: () => {
        return () => h("button", {}, "按钮")
    }
})
const imagex = defineComponent({
    setup: () => {
        return () => h("div", { style: { background: "red", "width": "100px", "height": "100px" } }, "图片")
    }
})
const flexx = defineComponent({
    props: {
        children: {
            type: Object
        }
    },
    setup: () => {
        return () => h("div", { style: { background: "red", "width": "100px", "height": "100px" } }, "flex")
    }
})
const app = createApp(App)
app.component('textx', textx)
app.component('buttonx', buttonx)
app.component('imagex', imagex)
app.component('flexx', Flex)
app.component('slot-item', slotItem)

app.mount('#app')
